import { createApp } from 'vue'
// import App from './App.vue'
// import App from './02-组件插槽.vue'
// import App from './03-组件插槽-作用域插槽.vue'
// import App from './04-Vue路由.vue'
// import App from './05-Vue路由传参.vue'
import App from './06-Vue全局状态管理.vue'

import router from './router'
import { createPinia } from 'pinia'
import persistedstate from 'pinia-plugin-persistedstate'

const app = createApp(App)
// 使用路由，注意 .use() 需要书写在 .mount()
const pinia = createPinia()

// 注意：这个是 pinia 的插件，通过 pinia.use() 来使用
pinia.use(persistedstate)

// 使用状态管理 pinia
app.use(pinia)
// 使用路由管理 router
app.use(router)
// 挂载根组件
app.mount('#app')
